<%@ page language="java" import="java.util.*,com.opensymphony.xwork2.ActionContext;" pageEncoding="UTF-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>test</title>
		<script src="resource/js/util.js" type="text/javascript" />	
		<script src="resource/js/jquery.form.min.js" type="text/javascript" />

	</head>
	<body>
		<div class="page unitBox" layoutH="1">
			<div class="pageFormContent">
				<div style="margin-right: 350px; overflow: auto;">
					<form>
						<div class="tabs" currentIndex="0" eventType="click">
							<div class="tabsHeader">
								<div class="tabsHeaderContent">
									<ul>
										<li>
											<a href="javascript:;"><span>名片信息</span> </a>
										</li>
										<li>
											<a href="javascript:;"><span>住址（1）</span> </a>
										</li>
										<li>
											<a href="javascript:;"><span>住址（2）</span> </a>
										</li>
										<li>
											<a href="javascript:;"><span>个人信息</span> </a>
										</li>
										<li>
											<a href="javascript:;"><span>公司信息</span> </a>
										</li>
										<li>
											<a href="javascript:;"><span>权限设置</span> </a>
										</li>
									</ul>
								</div>
							</div>
							<div class="tabsContent" style="height: 80%;">
								<!-- 选项卡面板1 -->
								<div layouth="97" class="pageFormContent"
									style="height: 244px; overflow: auto;">
									
									<h2 class="contentTitle">
										名片基本信息
									</h2>

									<dl class="nowrap">
										<dt>
											所有者姓名：
										</dt>
										<dd>
											<input type="text" class="required textInput" size="30"
												name="trnMid.owuserid" value="${username}">
										</dd>
									</dl>

									<dl class="nowrap">
										<dt>
											公司名称：
										</dt>
										<dd>
											<input type="text" alt="请输入公司名称" size="30"
												class="required textInput" name="trnNc.comjnam"
												value="${target.comjnam}">
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											公司名称（拼音）：
										</dt>
										<dd>
											<input type="text" size="30" class="lettersonly"
												name="trnNc.comjnamkn" value="${target.comjnamkn}">
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											公司名称（英文）：
										</dt>
										<dd>
											<input type="text" size="30" class="lettersonly"
												name="trnNc.comenam" value="${target.comenam}">
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											部门名称：
										</dt>
										<dd>
											<input type="text" size="30" class="required textInput"
												name="trnNc.postnam" value="${target.postnam}">
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											职务：
										</dt>
										<dd>
											<input type="text" size="30" class="required textInput"
												name="trnNc.offposi" value="${target.offposi}">
										</dd>
									</dl>

									<dl class="nowrap">
										<dt>
											姓名：
										</dt>
										<dd>
											<table>
												<tr>
													<td>
														<input type="text" size="15" class="required textInput" alt="姓"
															name="trnNc.firstnam" value="${target.firstnam}">
													</td>
													<td>
														<input type="text" size="15" class="required textInput" alt="名"
															name="trnNc.secdnam" value="${target.secdnam}">
													</td>
												</tr>
											</table>
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											姓名（拼音）：
										</dt>
										<dd>
											<table>
												<tr>
													<td>
														<input type="text" size="15" class="lettersonly" alt="姓（拼音）"
															name="trnNc.firstnamkn" value="${target.firstnamkn}">
													</td>
													<td>
														<input type="text" size="15" class="lettersonly" alt="名（拼音）"
															name="trnNc.secdnamkn" value="${target.secdnamkn}">
													</td>
												</tr>
											</table>

										</dd>
									</dl>
								</div>
								<!-- 选项卡面板2 -->
								<div layouth="97" class="pageFormContent"
									style="height: 244px; overflow: auto;">
									<h2 class="contentTitle">
										住址1
									</h2>
									<dl class="nowrap">
										<dt>
											邮政编码：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.postalnum1"
												class="postcode" value="${target.postalnum1}">
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											住址：
										</dt>
										<dd>
											<table>
												<tr>
													<td>
														省份：
													</td>
													<td>
														<input type="text" size="10" name="trnNc.adsadmindiv1"
															class="textInput" value="${target.adsadmindiv1}">
													</td>
													<td>
														市：
													</td>
													<td>
														<input type="text" size="10" name="trnNc.adstown1"
															class="textInput" value="${target.adstown1}">
													</td>
													<td>
														区/县：
													</td>
													<td>
														<input type="text" size="10" name="trnNc.adsstrtnum1"
															class="textInput" value="${target.adsstrtnum1}">
													</td>
												</tr>
												<tr>
													<td>
														地址：
													</td>
													<td colspan="6">
														<input type="text" size="46" name="trnNc.adsbuild1"
															class="textInput" value="${target.adsbuild1}">
													</td>
												</tr>
											</table>
										</dd>
									</dl>

									<dl class="nowrap">
										<dt>
											电话1：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.telfist1"
												class="phone" value="${target.telfist1}">
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											电话2：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.telsecd1"
												class="phone" value="${target.telsecd1}">
										</dd>
									</dl>
									<div class="divider"></div>

									<dl class="nowrap">
										<dt>
											手机：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.mobiletel1"
												class="textInput" value="${target.mobiletel1}">
										</dd>
									</dl>

									<div class="divider"></div>

									<dl class="nowrap">
										<dt>
											传真：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.fax1"
												class="fax" value="${target.fax1}">
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											电子邮件：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.email1"
												class="email" value="${target.email1}">
										</dd>
									</dl>

									<div class="divider"></div>
									<dl class="nowrap">
										<dt>
											URL：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.url1"
												class="url" value="${target.url1}">
										</dd>
									</dl>
								</div>
								<!-- 选项卡面板3 -->
								<div layouth="97" class="pageFormContent"
									style="height: 244px; overflow: auto;">
									<h2 class="contentTitle">
										住址2
									</h2>

									<dl class="nowrap">
										<dt>
											邮政编码：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.postalnum2"
												class="postcode" value="${target.postalnum2}">
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											住址：
										</dt>
										<dd>
											<table>
												<tr>
													<td>
														省份：
													</td>
													<td>
														<input type="text" size="10" name="trnNc.adsadmindiv2"
															class="textInput" value="${target.adsadmindiv2}">
													</td>
													<td>
														市：
													</td>
													<td>
														<input type="text" size="10" name="trnNc.adstown2"
															class="textInput" value="${target.adstown2}">
													</td>
													<td>
														区/县：
													</td>
													<td>
														<input type="text" size="10" name="trnNc.adsstrtnum2"
															class="textInput" value="${target.adsstrtnum2}">
													</td>
												</tr>
												<tr>
													<td>
														地址：
													</td>
													<td colspan="6">
														<input type="text" size="46" name="trnNc.adsbuild2"
															class="textInput" value="${target.adsbuild2}">
													</td>
												</tr>
											</table>
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											电话1：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.telfist2"
												class="phone" value="${target.telfist2}" alt="请输入您的电话" />
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											电话2：
										</dt>
										<dd>
											<input type="text" name="trnNc.telsecd2" class="phone"
												value="${target.telsecd2}" size="30" alt="请输入您的电话" />
										</dd>
									</dl>
									<div class="divider"></div>

									<dl class="nowrap">
										<dt>
											手机：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.mobiletel2"
												value="${target.mobiletel2}" class="textInput">
										</dd>
									</dl>

									<div class="divider"></div>

									<dl class="nowrap">
										<dt>
											传真：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.fax2"
												class="postcode" value="${target.fax2}">
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											电子邮件：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.email2"
												class="email" value="${target.email2}">
										</dd>
									</dl>

									<div class="divider"></div>
									<dl class="nowrap">
										<dt>
											URL：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.url2"
												class="url" value="${target.url2}">
										</dd>
									</dl>
								</div>
								<!-- 选项卡面板4 -->
								<div layouth="97" class="pageFormContent"
									style="height: 244px; overflow: auto;">
									<h2 class="contentTitle">
										个人信息
									</h2>
									<dl class="nowrap">
										<dt>
											性别：
										</dt>
										<dd>
											<select class="combox" name="trnNc.sexkub" >
												<option value="">
													==请选择==
												</option>
												<option value="1"
												<s:if test="1==target.sexkub">selected="selected"</s:if>>
													男
												</option>
												<option value="0"
												<s:if test="0==target.sexkub">selected="selected"</s:if>>
													女
												</option>
											</select>
											<span class="unit">性</span>
										</dd>
									</dl>

									<dl class="nowrap">
										<dt>
											血型：
										</dt>
										<dd>
											<select class="combox" name="trnNc.blodkub">
												<option value="">
													==请选择==
												</option>
												<option value="1"
												<s:if test="1==target.blodkub">selected="selected"</s:if>>
													A
												</option>
												<option value="2"
												<s:if test="2==target.blodkub">selected="selected"</s:if>>
													B
												</option>
												<option value="3"
												<s:if test="3==target.blodkub">selected="selected"</s:if>>
													AB
												</option>
												<option value="4"
												<s:if test="4==target.blodkub">selected="selected"</s:if>>
													O
												</option>
												<option value="5"
												<s:if test="5==target.blodkub">selected="selected"</s:if>>
													不明
												</option>
											</select>
											<span class="unit">型</span>
										</dd>
									</dl>
									<dl class="nowrap">
										<dt>
											职业：
										</dt>
										<dd>
											<select class="combox" name="trnNc.jobkub" class="required">
											<s:iterator value="jobList" status="i">
												<option value="${i.count-1}"
													<s:if test="#i.count-1==target.jobkub">selected="selected"</s:if>>
													${jobList[i.count-1]}
												</option>
											</s:iterator>
											</select>	
										</dd>
									</dl>

									<dl class="nowrap">
										<dt>
											出生日期：
										</dt>
										<dd>

											<table>
												<tr>
													<td>
														<select class="combox" name="trnNc.birthdayy">		
															<option value="">
																==请选择==
															</option>
															<s:iterator value="yearList" status="i">
																<option value="${i.count+1909}" 
																<s:if test="#i.count+1909==target.birthdayy"> selected="selected" </s:if>>
																	${yearList[i.count-1]}
																</option>
															</s:iterator>	
														</select>
														<span class="unit">年</span>
													</td>
													<td>
														<select class="combox" name="trnNc.birthdaym">
															<s:iterator value="monthList" status="i">
																<option value="${i.count-1}" 
																<s:if test="#i.count-1==target.birthdaym"> selected="selected" </s:if>>
																	${monthList[i.count-1]}
																</option>
															</s:iterator>
														</select>		 
														<span class="unit">月</span>
													</td>
													<td>
 
														<select class="combox" name="trnNc.birthdayd">
															<s:iterator value="dayList" status="i">
																<option value="${i.count-1}" 
																<s:if test="#i.count-1==target.birthdayd"> selected="selected" </s:if>>
																	${dayList[i.count-1]}
																</option>
															</s:iterator>
														</select>		 
														<span class="unit">日</span>
													</td>
												</tr>
											</table>
										</dd>
									</dl>								

									<dl class="nowrap">
										<dt>
											备忘录：
										</dt>
										<dd>
											<textarea name="trnNc.memo" cols="80" rows="3">${target.memo}</textarea>
										</dd>
									</dl>

								</div>
								<!-- 选项卡面板5 -->
								<div class="pageFormContent nowrap" layoutH="97">
									<h2 class="contentTitle">
										公司信息
									</h2>
									<dl>
										<dt>
											所属行业名：
										</dt>
										<dd>
											<input type="text" name="trnNc.bustypnam" size="30"
												class="textInput" value="${target.bustypnam}" />
										</dd>
									</dl>

									<dl>
										<dt>
											成立日期：
										</dt>
										<dd>
											<input type="text" size="30" class="date textInput"
												name="trnNc.fondym" value="${target.fondym}">
											<a href="javascript:;" class="inputDateButton">选择</a>
										</dd>
									</dl>

									<dl>
										<dt>
											资金数：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.capital"
												class="number" value="${target.capital}" />
										</dd>
									</dl>
									<dl>
										<dt>
											员工数：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.emplonum"
												class="digits" value="${target.emplonum}" />
										</dd>
									</dl>
									<dl>
										<dt>
											证券代码（数字）：
										</dt>
										<dd>
											<input type="text" alt="请输入数字" size="30"
												class="digits" name="trnNc.bondcode" id="code"
												value="${target.bondcode}">
										</dd>
									</dl>

									<dl class="nowrap">
										<dt>
											法人代表姓名：
										</dt>
										<dd>
											<input type="text" size="30" name="trnNc.reptannam"
												class="textInput" value="${target.reptannam}">
										</dd>
									</dl>

									<div class="divider"></div>
								</div>
								<!-- 选项卡面板6 -->
								<div class="pageFormContent nowrap" layoutH="97">
									<h2 class="contentTitle">
										权限设置
									</h2>
									
									<dl class="nowrap">
										<dt>
											公开：
										</dt>
										<dd>							
											<select class="required combox" name="trnMid.sharekub">
												<option value="">
													==请选择==
												</option>
												<option value="0"
												<s:if test="0==target.trnMid.sharekub">selected="selected"</s:if>>											
													共有
												</option>
												<option value="1"
												<s:if test="1==target.trnMid.sharekub">selected="selected"</s:if>>
													非公有
												</option>
											</select>
										</dd>
									</dl>

									<dl class="nowrap">
									<dt>
										重要度：
									</dt>
										<dd>																
										<select class="combox" name="trnNc.imptantkub" class="required">
											<s:iterator value="imptantList" status="i">
												<option value="${i.count-1}" 
												<s:if test="#i.count-1==target.imptantkub"> selected="selected" </s:if>>
													${imptantList[i.count-1]}
												</option>
											</s:iterator>
										</select>		 
										</dd>
									</dl>	
	
									<dl class="nowrap">
										<dt>
											关系：
										</dt>
										<dd>
											<select class="combox" name="trnNc.relationkub" class="required">
											<s:iterator value="relationList" status="i">
												<option value="${i.count-1}"
													<s:if test="#i.count-1==target.relationkub">selected="selected"</s:if>>
													${relationList[i.count-1]}
												</option>
											</s:iterator>
											</select>														 
										</dd>
									</dl>

									<div class="divider"></div>
								</div>
								<div class="tabsFooter">
									<div class="tabsFooterContent"></div>
								</div>
							</div>
						</div>

						<div class="formBar">
							<ul>
							
							<s:if test='isScanFlag!="true"'>
								<li>
									<label>
										<input type="checkbox" value="0" name="trnMid.owbusflg"
										<s:if test="target.trnMid.owbusflg==0">
											checked="checked"											
										</s:if>>
										设为自己的名片
									</label>
								</li>
								<li>
									<div class="buttonActive">
										<div class="buttonContent">
											<button type="submit">
												生成名片
											</button>
										</div>
									</div>
								</li>
								<li>
									<div class="button">
										<div class="buttonContent">
											<button type="reset">
												重置
											</button>
										</div>
									</div>
								</li>
								</s:if>
								<li>
									<div class="button">
										<div class="buttonContent">
											<button type="button" class="close">
												取消
											</button>
										</div>
									</div>
								</li>
							</ul>

						</div>

					</form>
				</div>
				
				<div class="panel"
					style="position: absolute; top: 10px; right: 0px; bottom: 10px; width: 350px; overflow: auto;">
					<div class="panelHeader">
						<div class="panelHeaderContent">
							<center>
								<h1>
									名片图片上传
								</h1>
							</center>
						</div>
					</div>
					<div class="panelContent" style="height: auto; min-height: 100px;">
						<table border="0" width="340px" class="list">
							<tr>
								<td height="40" align="center">
									<font color="red">名片正面图片</font>
								</td>
							</tr>
						
							<tr>
								<td>
									<img width="330px" height="200px"
										src=<s:if test="target==null || target.trnMid.midfront==null || target.trnMid.midfront==''">
										"resource/img/frontdefault.png"
									</s:if>
										<s:else>
										"resource/UploadImages/${target.trnMid.midfront}"
									</s:else> />
								</td>
							</tr>
					
							<tr>
								<td height="40" align="center">
									<font color="red">名片反面图片</font>
								</td>
							</tr>
							
							<tr>
								<td>
									<img width="330px" height="200px"
										src=<s:if test="target==null || target.trnMid.midback==null || target.trnMid.midback==''">
										"resource/img/backdefault.png"
									</s:if>
										<s:else>
										"resource/UploadImages/${target.trnMid.midback}"
									</s:else> />								

								</td>
							</tr>
						</table>
					</div>
				</div>
				
				
			</div>
		</div>
	</body>
</html>